<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<title>房屋信息列表</title>
<link th:replace="common/header"/>
<link rel="stylesheet" th:href="@{/css/tip.css}"/>
<script type="text/javascript" th:src="@{/js/androidwheel/androidwheel.js}"></script>
<script type="text/javascript" th:src="@{/js/layer/tip.js}"></script>
</head>
<body class="no-skin">
    <div th:replace="common/top"></div>
	<div class="main-container ace-save-state" id="main-container">
		<div th:replace="common/menu"></div>
		<div class="main-content">
			<div class="main-content-inner">
				<div th:replace="common/title"></div>
				<div class="page-content">
					<div th:replace="common/skin"></div>
					<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
								<div class="row-fluid">
									<!--PAGE CONTENT BEGINS HERE-->
									<div class="span12">
										<p class="alert alert-info" id="text" style="display: none;"></p>
									</div>
								</div>
								
								<div class="row-fluid">
									<!--PAGE CONTENT BEGINS HERE-->
									<div class="span6">
										<div class="row-fluid widget-container-col" >
											<div class="widget-box span12" style="margen-top: 300px;">
												<div class="widget-header">
													<h5 class="widget-title">私聊</h5>

													<div class="widget-toolbar">
														<a href="#" data-action="collapse">
															<i class="1 ace-icon fa fa-chevron-down bigger-125"></i>
														</a>
													</div>
												</div>
	
												<div class="widget-body">
													<div class="widget-main padding-4 scrollable tab-pane" data-size="625" id="privatescroll">
														<div class="dialogs" id="privatetext">
															
														</div>
													</div>
													<div class="widget-toolbox padding-8 clearfix">
														<div class="row-fluid">
															<div class="span3">
																<span>To</span><select title="" class="input_fix9" name="toId" id="toId" th:onchange="'getPrivateRecord(this.value, 2)'">
																	<option value="">--请选择--</option>
																	<option th:each="user: ${userList}" th:unless="${user.id == session.userSessionId}" th:value="${user.id}" th:text="${user.username}"></option>
																</select>
															</div>
															<div class="span9">
																<div class="row-fluid">
																	<div class="span11">
																		<input type="text" class="input_100" placeholder="请输入内容" name="content" id="privatecontent"
																			autocomplete="off" maxlength="200"/> 
																	</div>
																	<div class="span1">
																		<button class="btn btn-success pull-right" id="sendprivate" type="button">
																			<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
																		</button>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="span6">
										<div class="row-fluid widget-container-col">
											<div class="widget-box span12" style="margen-top: 300px;">
												<div class="widget-header">
													<h5 class="widget-title">聊天室</h5>

													<div class="widget-toolbar">
														<a href="#" data-action="collapse">
															<i class="1 ace-icon fa fa-chevron-down bigger-125"></i>
														</a>
													</div>
												</div>
	
												<div class="widget-body">
													<div class="widget-main padding-4 scrollable tab-pane" data-size="625" id="publicscroll"> 
														<div class="dialogs" id="publictext">
															<div class="itemdiv dialogdiv" th:each="message: ${chatList}">
																<div class="user" th:classappend="${session.userSession.username eq message.fromUserName ? 'userright' : ''}">
																	<img src="" alt="" th:alt="${message.fromUserName}" th:src="@{${message.head} == null ? '/images/user.jpg' : '/' + ${message.head}}" style="max-height: 50px;max-width: 50px;"/>
																</div>
	
																<div class="body" th:style="'margin-right:50px; background-color:' + ${message.backColor} + ';color:' + ${message.fontColor} + ';'" 
																	th:classappend="${session.userSession.username eq message.fromUserName ? 'right' : ''}">
																	<div class="name">
																		<a href="#" th:text="${message.fromUserName}">Alexa</a>
																	</div>
																	<div class="text" th:text="${message.content}">Lorem ipsum </div>
																</div>
															</div>
														</div>
													</div>
													<div class="widget-toolbox padding-8 clearfix">
														<div class="row-fluid">
															<div class="span11">
																<input type="text" class="input_100" placeholder="请输入内容" name="content" id="publiccontent" 
																	autocomplete="off" maxlength="200"/> 
															</div>
															<div class="span1">
																<button class="btn btn-success pull-right" id="send" type="button">
																	<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
																</button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							<!-- PAGE CONTENT ENDS -->
						</div><!-- /.col -->
					</div><!-- /.row -->
				</div><!-- /.page-content -->
			</div>
		</div><!-- /.main-content -->
		<div th:replace="common/footer"></div>
	</div><!-- /.main-container -->
	<div th:replace="common/buttom"></div>
	<div th:replace="common/layer"></div>
	<input type="hidden" id="fromId" th:value="${session.userSessionId}" />
	<input type="hidden" id="hosts" th:value="${host}" />
	<script th:src="@{/js/common/jquery.slimscroll.min.js}"></script><!--局部滚动条-->
	<script th:src="@{/js/stomp/stomp.min.js}"></script>
	<script th:src="@{/js/stomp/sockjs.min.js}"></script>
	<script th:src="@{/js/page/index.js}"></script>
</body>
</html>
